<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8"/>
        <!-- Import ElementPlus css   -->
        <link rel="stylesheet" href="https://unpkg.com/element-plus@2.7.6/dist/index.css"/>
        <!-- Import Vue 3 -->
        <script src="https://unpkg.com/vue@3.2.20/dist/vue.global.prod.js"></script>
        
        <!-- ElementPlus -->
        <script src="//unpkg.com/@element-plus/icons-vue"></script>
        <!-- ElementPlus  icon-->
        <script src="//unpkg.com/@element-plus/icons-vue"></script>
    </head>
    <body>
        <div id="app">
            <div class="mb-4">
              <el-button>Default</el-button>
              <el-button type="primary">Primary</el-button>
              <el-button type="success">Success</el-button>
              <el-button type="info">Info</el-button>
              <el-button type="warning">Warning</el-button>
              <el-button type="danger">Danger</el-button>
            </div>
            <el-icon>
                <Plus/>
            </el-icon>
            
            <el-input v-model="text"></el-input>
            <el-input v-model="text1"></el-input>
            <el-input type="textarea" v-model="text2"></el-input>
            <el-button type="primary" @click="onClick">测试</el-button>
        </div>
    </body>
</html>
<script>
    const {createApp, onMounted, onUnmounted, watchEffect, reactive, ref, toRefs} = Vue;
    // 动态注册 Element Plus 的图标组件
    const {ElButton, ElMessage, ElMessageBox, ElLoading, UploadProps, UploadUserFile} = ElementPlus;
    const {ElIcon} = ElementPlus
 
     const app = createApp({
        setup() {
 
        }})
        
        app.component('plus', ElementPlusIconsVue.Plus)
        //要引入什么icon，就按上面一样写
        app.use(ElementPlus).mount('#app')
</script>